<div class="card">
    <div class="card-body">
        <a href="#" class="btn btn-primary w-100">
            <i class="fa-solid fa-square-pen"></i>
            我要发帖
        </a>
    </div>
</div>
<div class="card mt-4">
   <div class="card-header bg-transparent text-primary text-center">
       <i class="fa-solid fa-jet-fighter-up"></i>
       活跃用户
   </div>
    <div class="card-body">
        <ul class="list-group list-group-flush">
            @foreach($active_users as $user)
                <li class="list-group-item">
                    <a class="text-decoration-none" href="{{route('users.show',$user->id)}}">
                        @include('shared._avatar',['avatar'=>$user->avatar,'width'=>40,'is_border'=>'show'])
                    </a>
                    <a class="small text-muted text-decoration-none" href="{{route('users.show',$user->id)}}">
                        {{$user->name}}
                    </a>
                </li>
            @endforeach
        </ul>
    </div>
</div>

<div class="card mt-4">
    <div class="card-header bg-transparent text-danger text-center">
        <i class="fa-solid fa-earth-americas"></i>
        站长推荐
    </div>
    <div class="card-body">
        <ul class="list-group list-group-flush">
            @foreach($links as $link)
                <li class="list-group-item">
                   <a class="small text-muted text-decoration-none" href="{{$link->link}}">
                       <i class="fa-solid fa-fire-flame-curved text-primary"></i>
                        {{$link->title}}
                    </a>
                </li>
            @endforeach
        </ul>
    </div>
</div>
